<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>餐饮小票制作案例</title>
    <!-- 1.松耦合,分离了HTML和css代码,在网页里引入css文件 -->
    <link rel="stylesheet" href="D:\ApplicationFiles\vscode\chapter_three\CSS相关案例\CSS文件\1.css" />
</head>

<body>
    <div>顾客联</div>
    <div class="a">请您留意取餐账单号</div>
    <div class="b">自取顾客联</div>
    <div>永和大王(北二环西路店)</div>
    <div>010-6211313</div>
    <div class="b">--结账单--</div>
    <div class="a">账单号:P000009</div>
    <div>账单类型：堂食</div>
    <div>人数：1</div>
    <div>收银员：张静</div>
    <div>开单时间：2018-04-17 07:24:29</div>
    <div>结账时间：2018-04-17 07:24:38</div>
    <hr />
    <table>
        <tr>
            <th>数量</th>
            <th>品项</th>
            <th>金额</th>
        </tr>
        <tr>
            <td>1</td>
            <td>油条豆浆套餐<br /> 1X--油条<br />1X--现磨豆浆(热/甜) </td>
            <td>7.00</td>
        </tr>
    </table>
    <hr />
    <table>
        <tr>
            <td width="180px">支付宝花呗一元早餐</td>
            <td>3.00</td>
        </tr>
        <tr>
            <td>合计</td>
            <td>4.00</td>
        </tr>
        <tr>
            <td>支付宝</td>
            <td>1.00</td>
        </tr>
        <tr>
            <td>支付宝补贴</td>
            <td>3.00</td>
        </tr>
    </table>
    <hr />
    <div>打印时间：2018-04-17 07:24:38</div>
    <hr />
    <div id="note">根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。
    </div>
    <img src="D:\ApplicationFiles\vscode\chapter_three\images\2.jpg" />
    <div>官网：www.yonghe.com.cn</div>
    <div>加盟热线：86-21-60769397 或 86-21-60769002</div>

</body>

</html>